<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="../corea.css">
<link rel="stylesheet" href="../itab.css">
<link rel="stylesheet" href="../corez.css">
<style type="text/css" title="">
.mnbar
{
background:url("http://gs.itiens.com/icos/itopbar.png") repeat-x;
height:100%;
}
#menu, #nav, #header, #footer{
margin:5px 0;
height:300px;
border:1px solid #00f;
}
#menu, #header, #nav{
height:30px;
}
</style>
<script type="text/javascript" src="../core.js"></script>
<script type="text/javascript" src="../itab.js"></script>
<title>demo</title>
</head>
<body>
<div id=inav>
    <div class=itab>
        <dl class=ibar>
            <dd class=item style='background:#f9f9f9;margin:0;padding:0 8px;'><div class=logo title='iTIENS'><a href='index.htm'><img src='logo.gif'></a></div></dd>
            <dd class=item><a class=a title='css-stdui' href='css-stdui.htm'><img class=ico src='http://gs.itiens.com/icos/house.png'><div class=txt>stdui</div></a></dd>
            <dd class='item act'><a class=a title='css-tabs' href='css-itab.htm'><img class=ico src='http://gs.itiens.com/icos/information.png'><div class=txt>itab</div></a></dd>
            <dd class='item rtl'><a class=a title='login' href='login'><img class=ico src='http://gs.itiens.com/icos/cog.png'><div class=txt>login</div></a></dd>
            <dd class=item><a class=a title='contact' href='contact'><img class=ico src='http://gs.itiens.com/icos/vcard.png'><div class=txt>contact</div></a></dd>
        </dl>
    </div>
</div>
<div id=itabbody class=itab></div>
<div id=header></div>
<div id=menu style="height:32px;background:url(/img/bg_foot.png) repeat-x;">
menu
</div>
<div id=footer>
footer
<div class=key>k</div>
</div>
<script type="text/javascript">
//<![CDATA[
var res = {
		tabs : {
			login: { id: 'login', css:'background-color:#f9f9f9;margin:0;padding:0 8px;', notab:1, data:"<div class=logo title='iTIENS'><img src='logo.gif'></div>" },
			tabs: { id: 'xtabs', tab: { label:'系统设置' }, locked:1, url:'system', key:'y', ico: {src: '/icos/tab.png'}, data:('myztab') },
			split: { id: 'xsplit', tab: { label:'split', cls:'act' }, locked:1, url:'store', key:'s', ico: {src: '/icos/error.png'} },
			slide: { id: 'xslide', tab: { label:'用户/顾客' }, locked:1, url:'vip', key:'v', ico: {src: '/icos/tag_purple.png'} },
			mask: { id: 'xmask', tab: { label:'report' }, url:'report', key:'r', ico: {src: '/icos/report.png'} }
		}
	};

def('mytab', 'itab', { id: 'mytab', elem: 'header', target:'targ', icourl:'http://gs.itiens.com', css: {height: 32}, tabs: res.tabs });


//]]>
</script>
</body>
</html>
